﻿* {
	margin:0;
	border:0;
}

body
{
	/*background-image:url(../img/dark-metal.jpg);*/
	background-color:black;
}

#logo
{
	background-image:url(../img/logo.jpg);
	height:190px;
	width:1366px;
	margin:auto;
}

#painel
{
	height:30px;
	width:800px;
	/*background-image:url(../img/painel.gif);*/
	background-color:red;
	margin-left:20%;
}


#content
{
	
	margin:0;
	background-color: #0A517D;
	width:600px;
	position:relative;
	float:right;
	-webkit-border-radius: 5px;
	border-width: 1px;
	border-style: solid;
	border-color:#E5E5E5;
}

#text {

	margin: 1%;
	background-color:#E5E5E5;
	-webkit-border-radius: 5px;
	border-width: 1px;
	border-style: solid;
	border-color:#E5E5E5;

}

#text h1,h2,h3,h4{

	font-size:150%;
	text-align:center;
	border-width: 2px;
	border-bottom-style:solid;
	border-color:#236B8E;
}

#container
{
	/*background-color: black;  sendo que 60 é a opacidate */
	margin-left:20%;
	margin-right:20%;
	position:relative;
	width:800px;
	background-image:url(../img/blue-texture.jpg);
	border-width: 1px;
	border-style: solid;
	border-color:#E5E5E5;
	padding:0.5%;
	-webkit-border-radius: 5px;
	margin-top:1%;
}

label{
    color: #000;
}

legend{
    color: #000;
    font-weight: bold;
}

.form{
	background: #CCCCCC;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin:2.5%;
	padding:2.5%;
	width:55%;
        color: #ff0000;
        
    
}

textarea {

	margin:0;
	padding:1%;
	width: 50%;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	background: white;
	-moz-box-shadow: 0 0 6px 2px #207908 inset;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-width:1px;
	border-style: solid;
	border-color:#236B8E;
}

label {
	margin:1%;
	padding:1%;
}

input {
	margin:1%;
	padding:1%;
	width: 150px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px;
	border: 0;
	color: black;
	background: white;
	-moz-box-shadow: 0 0 6px 2px #207908 inset;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-width:1px;
	border-style: solid;
	border-color:#236B8E;
}
input:focus, input:hover {
	-moz-box-shadow: 0 0 1px 1px #aaef33, 0 0 3px 3px #689034, 0 0 6px 2px #207908 inset;
}

.submit {
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	padding: 8px 12px;
	width:150px;

	background: #236B8E;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #36adcb;
	*/
}

.imput{
	background: #236B8E;
}


.clear
{
	clear:both;
}

#menu
{
	width:190px;
	position:relative;
	background-color: #0A517D;
	float:left;
	border-width: 1px;
	border-style: solid;
	border-color:#E5E5E5;
	margin:0;
	padding:0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;

}

#menu ul
{
    border:1px solid #cfe7aa;
	background-color:#E5E5E5;
	margin:3%;
	padding:0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#menu ul li
{
	display:block;
    list-style:none;
}

#menu ul li a
{
	display:block;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:15px;
    font-weight:bold;
    color:#0A517D;
    text-shadow:#FFF 1px 1px 1px;
    text-decoration:none;
    background-color:white;
    padding:5px;
    border-left:10px solid #0A517D;

}

#menu ul li a:hover
{
	border-left:10px solid  #004C7F;
	background-color:#E5E5E5;
}

#footer
{
	padding:1%;
}

iframe{
	margin:2%;
}

.boton{

	width:100px;
	
	margin:2%;
	padding:1%;
	background-color:#E5CC66;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.boton_content{
	background-color:white;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid  #997F4C;
	text-align:center;
}


.boton_content p{
	color:#664C19;
	font-weight:700;
	font-size:90%;
	margin-top:2%;
	font-family:‘Trebuchet MS’, Helvetica, sans-serif;

}

.boton_content a{
	color:black;
	text-decoration:none;
}

.boton_content a:hover{
	color:#E5CC4C
}


.login{

	width:180px;
	background-color:#0A517D;
	padding:0.2%;
	margin:2%;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid;
	overflow:auto;
	float:right;
	font-size:60%;
	/*color:#FFFFAA;*/
	color:#0A517D;
	font-weight:700;
}

.login input{

	width: 120px;
	padding:0;
	height:15px;
	
}

.login submit{
	width: 50px;
	height:20px;
}

.login fieldset{
	margin:0;
}

.login a{
	font-weight:700;
	color:black;
	text-decoration:none;
}

.login a:hover{
	color:#E5CC4C
}

.login_content{
	background-color:white;
	margin:0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid  #997F4C;
	text-align:center;
}

/*testes...*/

#flashMessage, .errorMsg, #authMessage {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 65px;
	background-repeat: no-repeat;
	background-position: 10px center;
	font-size: 125%;
}
.error-message {
	/* color: #D8000C; */
	border-color: #D8000C;
	/*background-color: #FFBABA;*/
        color: red;
}
.errorMsg {
	/* color: #D8000C; */
	border-color: #D8000C;
	background-color: #FFBABA;
        color: red;
}

.sucessMsg {
	/* color: #4F8A10; */
	border-color: #4F8A10;
	background-color: #DFF2BF;
        color: green;
}

.message {
	/* color: #D8000C; */
	border-color: #D8000C;
	background-color: #FFBABA;
        color: red;
}


form {
    clear: both;
    margin-right: 20px;
    padding: 0;
    width: 95%;
}
fieldset {
    border: none;
    margin-bottom: 1em;
}
fieldset legend {
    color: #223AEE;
    font-size: 120%;
    font-weight: bold;
}
fieldset fieldset {
    margin-top: 0;
    padding: 10px 0 0;
}
fieldset fieldset legend {
    font-size: 120%;
    font-weight: normal;
}
fieldset fieldset div {
    clear: left;
    margin: 0 20px;
}
form div {
    clear: both;
    vertical-align: text-top;
}
.input {
    color: #444;
}
.required {
    font-weight: bold;
}
.required label:after {
    color: #e32;
    content: '*';
    display:inline;
}
div.submit {
    border: 0;
    clear: both;
}
label {
    display: block;
    font-size: 110%;
    margin-bottom:3px;
}
input, textarea {
    clear: both;
    font-size: 90%;
    font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
    width:98%;
}
select {
    clear: both;
    font-size: 120%;
    vertical-align: text-bottom;
}
select[multiple=multiple] {
    width: 100%;
}
option {
    font-size: 120%;
    padding: 0 3px;
}
input[type=checkbox] {
    clear: left;
    float: left;
    margin: 0px 6px 7px 2px;
    width: auto;
}
div.checkbox label {
    display: inline;
}
input[type=radio] {
    float:left;
    width:auto;
    margin: 6px 0;
    padding: 0;
    line-height: 26px;
}
.radio label {
    margin: 0 0 6px 20px;
    line-height: 26px;
}
input[type=submit] {
    display: inline;
    font-size: 110%;
    width: auto;
}
.submit input[type=submit] {
    background:#62af56;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
    background-image: -webkit-linear-gradient(top, #ECEC0A, #B38524);
    background-image: -moz-linear-gradient(top, #ffffff, #3B8230);
    border-color: #2d6324;
    color: #0B26EE;
    text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
    padding: 3px 15px;
    height:25px;
}
.submit input[type=submit]:hover {
    background: #5BA150;
}

.login_content{
        
        background: #CCCCCC;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin:2.5%;
	padding:2.5%;
	width:90%;
        color: #ff0000;
        

}